<html>
<head >
<meta charset="utf-8" >
<meta http-equiv="content-type" content="text/html" >
<meta   HTTP-EQUIV="Pragma"   CONTENT="no-cache"> 
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width"   />

<title>找人接会</title>
<link rel="stylesheet" href="http://at.alicdn.com/t/font_1751364_5fuiiionv14.css">

<link rel="stylesheet" type="text/css" href="./css/css.css"/>
<link rel="stylesheet" type="text/css" href="./css/foot.css"/>

<link rel="stylesheet" type="text/css" href="./css/orderform.css"/>



<!--
<link rel="stylesheet" href="../styles/font/iconfont.css">
-->

</head >

<body id="orderform">
    <div class="block" id="app" >
        <form>
            <div class="item-title">
                <span>基本信息</span>
            </div>
            <div class="item-input">
                <div class="item-input-little">客户姓名</div>
                <div class="item-input-many"><input class="item-input-text" type="text" placeholder="请填写客户姓名" name=""></div>
            </div>
            <div class="item-input">
                <div class="item-input-little">客户性别</div>
                <div class="item-input-many item-input-redio">
                    <span class="item-sex item-sex-active" onclick="selectSex('1',this)">先生</span>
                    <span class="item-sex" onclick="selectSex('2',this)">女生</span>
                    <input class="item-input-text" type="hidden" name=""  value="男" id="sexVal">
                </div>
            </div>
            <div class="item-input">
                <div class="item-input-little">公司名称</div>
                <div class="item-input-many"><input class="item-input-text" type="text" placeholder="请填写公司名称" name=""></div>
            </div>
            <div class="item-input">
                <div class="item-input-little">客户手机</div>
                <div class="item-input-many"><input class="item-input-text" type="text" placeholder="请填写客户手机" name=""></div>
            </div>
            <div class="item-title">
                <span>会议需求</span>
            </div>
            <div class="item-input">
                <div class="item-input-little">办会城市</div>
                <div class="item-input-many item-input-select">
                    <select class="city">
                        <option>深圳</option>
                        <option>广州</option>
                    </select>
                </div>
            </div>
            <div class="item-input">
                <div class="item-input-little">位置意向</div>
                <div class="item-input-many"><input class="item-input-text " type="text" readonly="readonly"  placeholder="请填写位置意向" name=""  id="picker5"></div>
                <input type="hidden" id="picker5-index" name="" value=""> <!-- 获取到city id -->
            </div>
            <div class="item-input">
                <div class="item-input-little">开始时间</div>
                <div class="item-input-many"><input class="item-input-text " type="text" readonly="readonly" placeholder="开始时间" name=""  id="startTime"></div>
            </div>
            <div class="item-input">
                <div class="item-input-little">结束时间</div>
                <div class="item-input-many"><input class="item-input-text " type="text" readonly="readonly" placeholder="结束时间" name=""   id="endTime"></div>
            </div>
            <div class="item-input">
                <div class="item-input-little">参加人数</div>
                <div class="item-input-many"><input class="item-input-text" type="text" placeholder="请填写参加人数" name=""></div>
            </div>
            <div class="item-input">
                <div class="item-input-little">场地类型<span class="many">(多选)</span></div>
                <div class="item-input-many item-input-checkbox">
                    
                    <label><input class="item-input-text" type="checkbox" name="type[]"  value="五星级">五星级</label>
                    <label> <input class="item-input-text" type="checkbox" name="type[]"  value="四星级">四星级</label>
                    <label> <input class="item-input-text" type="checkbox" name="type[]"  value="三星级">三星级</label>
                    <label>  <input class="item-input-text" type="checkbox" name="type[]"  value="特色场地">特色场地</label>
                </div>
            </div>
            <div class="item-input">
                <div class="item-input-little">活动预算</div>
                <div class="item-input-many"><input class="item-input-text" type="text" placeholder="请填写活动预算" name=""></div>
            </div>
            <div class="item-input">
                <div class="item-input-little">所需项目<span class="many">(多选)</span></div>
                <div class="item-input-many item-input-checkbox">
                    
                    <label><input class="item-input-text" type="checkbox" name="project[]"  value="房">房</label>
                    <label> <input class="item-input-text" type="checkbox" name="project[]"  value="餐">餐</label>
                    <label> <input class="item-input-text" type="checkbox" name="project[]"  value="会">会</label>
                </div>
            </div>
            <div class="item-input">
                <div class="item-input-little">需求备注</div>
                <div class="item-input-many"><input class="item-input-text" type="text" placeholder="请填写需求备注" name=""></div>
            </div>

            <div class="item-agree">
                <div class="item-agree-checkbox">
                    <label><input class="item-input-text" type="checkbox" name="project[]"  value="agree">已阅读并同意《会小二帮发单规则》</label>
                    <button type="submit" class="btn">确认提交</button>
                </div>
            </div>
        </form>
    </div>


    <footer id="footNav">
        <div class="item-nav active">
            <a href="#" >
                <i class="iconfont iconsifapaimai"></i>
                <span>交易大厅</span>
            </a>
        </div>

        <div class="item-nav">
            <a href=""> <i class="iconfont icondingdanguanli-"></i>
                <span>小会推单</span></a>
        </div>
        <div class="item-nav">
            <a href=""> <i class="iconfont icon3dingdan"></i>
                <span>我的订单</span> </a>
        </div>
        <div class="item-nav">
            <a href=""> <i class="iconfont iconhuihua"></i>
                <span>  找人接会</span></a>
        </div>
        <div class="item-nav">
            <a href=""> <i class="iconfont iconxiaoshouyuan"></i>
                <span> 个人中心</span></a>
        </div>
    </footer>
</body>
</html>

<!--
时间选择器
-->
<script src="./js/laydate/laydate.js"></script>
<script>

    //同时绑定多个
    /*
    lay('.item-input-date').each(function(){
        laydate.render({
            elem: this
            ,trigger: 'click'
        });
    });
    */

    var start = laydate.render({
        elem: '#startTime',
        format: 'yyyy-MM-dd',
        // isInitValue: true,
        // value: startTime,
        // min: endTime, //设定最小日期为当前日期
        // max: '2099-06-16', //最大日期
        min:'today',
        istime: true, //是否开启时间选择
        istoday: true, //是否显示今天
        done: function (value, date) {
            // 开始日选好后，重置结束日的最小日期 min及start
            end.config.min = {
                year: date.year,
                month: date.month - 1,
                date: date.date,
            };
            end.config.start = {
                year: date.year,
                month: date.month - 1,
                date: date.date,
            };
        }
    });

    var end = laydate.render({
        elem: '#endTime',
        format: 'yyyy-MM-dd',
        // isInitValue: true,
        // value: endTime,

        istime: true,
        istoday: true,
        done: function(value, date) {
            //结束日选好后，重置开始日的最大日期 max
            start.config.max = {
                year: date.year,
                month: date.month - 1,
                date: date.date,
            }
        }

    });
</script>

<!--
城市选择器
-->
<script src="./js/city/scripts/picker.min.js"></script>
<script src="./js/city/city/city.js"></script>
<script src="./js/city/city/index.js"></script>

<!--
男女选择
-->
<script src="./js/jquery-2.1.4.min.js"></script>
<script>
    function selectSex(val,obj){
        $("#sexVal").val(val);
        $(".item-input-redio > span").removeClass("item-sex-active");
        $(obj).addClass("item-sex-active")

    }

</script>


